<template>
	<view>


		<uni-card v-for="(item,index) in route" title="YD2023061356710" extra="已卸车" :thumbnail="avatar">
			<image class="carsize" src="../../../static/purseimg/进度条.png"></image>
			<view class="upview">
				<text class="end">供应链子</text>
				<br>
				<text class="end1">龙城森林</text>
			</view>

			<uni-collapse :accordion="true" class="borde1">
				<text class="text">直采-623001</text>
			</uni-collapse>

			<uni-collapse :accordion="true" class="bar-detail">
				<text class="text1">再抢一单</text>
			</uni-collapse>
		</uni-card>




	</view>
</template>

<script>
	export default {
		data() {
			return {
				avatar: "../../../static/purseimg/运单图标.png",
			}
		},
		methods: {

		}
	}
</script>

<style>
	.borde1 {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		height: 35px;
		margin-top: 10%;
		background-color: #f0f0f0;
		border-radius: 10px;
	}

	.carsize {
		position: absolute;
		width: 20px;
		height: 85px;
		margin-top: 1%;
	}
	/deep/.uni-card .uni-card__header .uni-card__header-extra .uni-card__header-extra-text[data-v-19622063]{
		position: absolute;
		top: 10%;
		left: 85%;
		color: #FF8C00;

	}

	/deep/.uni-card .uni-card__header .uni-card__header-content .uni-card__header-content-title[data-v-19622063] {
		position: absolute;
		top: 9%;
		left: 15%;
		color: rgba(76, 76, 76, 0.8);
		font-size: 17px;
	}

	/deep/uni-image>div,
	uni-image>img {
		margin-top: 20%;
		height: 70%;
	}

	.end {
		position: relative;
		color: #000000;
		font-size: 18px;
		font-weight: bold;
		top: 10px;
		left: 6%;
	}

	.end1 {
		position: relative;
		color: #000000;
		font-size: 18px;
		font-weight: bold;
		top: 20px;
		left: 6%;
	}

	.text {
		position: relative;
		left: -3%;
		font-size: 14px;
		color: #aaaaaa;
		padding: 30px;

	}

	.text1 {
		position: absolute;
		left: 74%;
		font-size: 12px;
		color: #ffffff;
		font-weight: 600;
	}

	.bar-detail {
		flex-direction: row;
		align-items: center;
		height: 35px;
		width: 25%;
		margin-left: 72%;
		margin-top: 6%;
		background-color: #6495ED;
		border-radius: 20px;
	}
</style>